（5）在函数的最后， 要得到窗口的尺寸，firefox 差异如下： ie6.0、ff1.06+： clientwidth = width + padding clientheight = height + padding offsetwidth = width + padding + border offsetheight = height + padding + border ie5.0/5.5： clientwidth = width - border clientheight = height - border offsetwidth = width offsetheight = height (需要提一下：css中的margin属性，scrollwidth。

需要使用不同的属性和方法：若要检测窗口的真实尺寸。

document对象的body属性对应html文档的标签。

（2）在随后的javascript代码中。

结果输出至两个文本框，获取窗口大小 if (document.documentelement document.documentelement.clientheight document.documentelement.clientwidth) { winheight = document.documentelement.clientheight; winwidth = document.documentelement.clientwidth; } //结果输出至两个文本框 document.form1.availheight.value= winheight; document.form1.availwidth.value= winwidth; } finddimensions(); //调用函数。

在函数finddimensions ( )中，而不是元素。

这些属性的主要功能和用法如下，通过按名称访问表单元素，window对象的innerheight属性包含当前窗口的内部高度，document.body. clientwidth表示html文档所在窗口的当前宽度，与clientwidth、offsetwidth、clientheight、offsetheight均无关) 技术要点 本节代码主要使用了document对象关于窗口的一些属性，并存储在前述两个变量中。

（3）然后，首先定义了两个变量winwidth和winheight，并且， window对象的innerwidth属性包含当前窗口的内部宽度，并将二者保存在前述两个变量中，对于不同的浏览器，需要注意根元素的尺寸， js获取屏幕宽度高度 js中window.open用法 js获取浏览器宽度\屏幕宽度\显示器分辨率 ，用于显示窗口当前的宽度和高度。

（4）再通过深入document内部对body进行检测。

offsetwidth scrollheight: 获取对象的滚动高度，有如下方法： 网页可见区域宽：document.body.clientwidth 网页可见区域高：document.body.clientheight 网页可见区域宽：document.body.offsetwidth (包括边线的宽) 网页可见区域高：document.body.offsetheight (包括边线的宽) 网页正文全文宽：document.body.scrollwidth 网页正文全文高：document.body.scrollheight 网页被卷去的高：document.body.scrolltop 网页被卷去的左：document.body.scrollleft 网页正文部分上：window.screentop 网页正文部分左：window.screenleft 屏幕分辨率的高：window.screen.height 屏幕分辨率的宽：window.screen.width 屏幕可用工作区高度：window.screen.availheight 屏幕可用工作区宽度：window.screen.availwidth html精确定位:scrollleft。

js获取屏幕宽度与高度，获取数值 window.onresize=finddimensions; // /script /body /html 代码说明： （1）程序首先建立一个表单，document对象的documentelement属性则表示html文档的根节点，包含两个文本框，在netscape下需要使用window的属性；在ie下需要深入document内部对body进行检测；在dom环境下。

获取窗口大小，clientwidth，若要得到窗口的尺寸，通过调用finddimensions ( )函数，使用window.innerheight和window.innerwidth得到窗口的高度和宽度，其数值会随窗口大小的改变而变化， scrollleft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrolltop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollwidth:获取对象的滚动宽度 offsetheight:获取对象相对于版面或由父坐标 offsetparent 属性指定的父坐标的高度 offsetleft:获取对象相对于版面或由 offsetparent 属性指定的父坐标的计算左侧位置 offsettop:获取对象相对于版面或由 offsettop 属性指定的父坐标的计算顶端位置 event.clientx 相对文档的水平座标 event.clienty 相对文档的垂直座标 event.offsetx 相对容器的水平坐标 event.offsety 相对容器的垂直坐标 document.documentelement.scrolltop 垂直方向滚动的值 event.clientx+document.documentelement.scrolltop 相对文档的水平座标+垂直方向滚动的量 ie，用于保存窗口的高度值和宽度值， document.body.clientheight表示html文档所在窗口的当前高度， （6）在javascript代码的最后，完成整个操作， 实现代码 !文件名：30.3.htm 复制代码 代码示例: !doctype html public -//w3c//dtd xhtml 1.0 transitional//en html xmlns= head title请调整浏览器窗口/title meta http-equiv=content-type content=text/html; charset=gb2312 /head body h2 align=center请调整浏览器窗口大小/h2hr form action=# method=get name=form1 id=form1 !显示浏览器窗口的实际尺寸 浏览器窗口 的 实际高度: input type=text name=availheight size=4br 浏览器窗口 的 实际宽度: input type=text name=availwidth size=4br /form script type=text/javascript ! var winwidth = 0; var winheight = 0; function finddimensions() //函数：获取尺寸 { //获取窗口宽度 if (window.innerwidth) winwidth = window.innerwidth; else if ((document.body) (document.body.clientwidth)) winwidth = document.body.clientwidth; //获取窗口高度 if (window.innerheight) winheight = window.innerheight; else if ((document.body) (document.body.clientheight)) winheight = document.body.clientheight; //通过深入document内部对body进行检测，。